<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>搜索</title>
    <link rel="stylesheet" href="./css/search.css">

</head>

<body>
    <!-- 外部容器 -->
    <div class="outer">
        <!-- 顶部容器 -->
        <div class="header">
            <!-- 左箭头 -->
            <div class="leftarr">
                <a href="#"><img src="./img/zjt.png" alt=""></a>
            </div>
            <!-- 搜索 -->
            <div class="searchtext">
                <span>搜索</span>
            </div>
            <!-- 右按钮 -->
            <div class="rightbtn">
                <img src="./img/rightbtn.jpg">
            </div>
        </div>

        <!-- 搜索框 -->
        <div class="search">
            <div class="inwra">
                <!-- 输入框 -->
                <input class="seaname" type="search"
                    placeholder='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索"苹果"'>
                <div class="seaimg"><img src="./img/ss.png"></div>
                <a href="#">搜索</a>
            </div>
        </div>

        <!-- 商品详情页 -->
        <div class="food">
            <!-- 左边图片 -->
            <div class="foodimg">
                <img src="./img/food1.jpg" alt="">
            </div>
            <!-- 右边文字 -->
            <div class="rtext">
                <div class="toptext">
                    <p class="toptextp1">【果切】"维密"天使蜜瓜--纯果肉约500g<span>(限购5份)</span></p>
                    <div class="xiangou">
                        <div class="shenyu">
                            <p>剩余370份</p>
                        </div>

                    </div>
                </div>
                <div class="bot">
                    <div class="botletext">
                        <p class="p1">￥</p>
                        <p class="p2">11.80</p>
                        <p class="p3">￥</p>
                        <p class="p4">12.80
                        </p>
                    </div>
                    <div class="botrigbtn1">
                        <a href="#">
                            <div class="liji">
                                <p>立即秒杀</p>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
        </div>
        <div class="food">
            <!-- 左边图片 -->
            <div class="foodimg">
                <img src="./img/food2.jpg" alt="">
            </div>
            <!-- 右边文字 -->
            <div class="rtext">
                <div class="toptext">
                    <p>【定制版果娃纸巾】颜色随机，1盒/份</p>
                </div>
                <div class="bot">
                    <div class="botletext">
                        <p class="p1">￥</p>
                        <p class="p2">2.98</p>
                        <p class="p3">￥</p>
                        <p class="p4">3.98
                        </p>
                    </div>
                    <div class="botrigbtn">
                        <a href="#"><img src="./img/seabtn.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="food">
            <!-- 左边图片 -->
            <div class="foodimg">
                <img src="./img/food3.jpg" alt="">
            </div>
            <!-- 右边文字 -->
            <div class="rtext">
                <div class="toptext">
                    <p>【果切--一级麒麟瓜】纯果肉约1kg/份</p>
                </div>
                <div class="bot">
                    <div class="botletext">
                        <p class="p1">￥</p>
                        <p class="p2">23.96</p>
                        <p class="p3">￥</p>
                        <p class="p4">25.80 </p>
                    </div>
                    <div class="botrigbtn">
                        <a href="#"><img src="./img/seabtn.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="food">
            <!-- 左边图片 -->
            <div class="foodimg">
                <img src="./img/food4.jpg" alt="">
            </div>
            <!-- 右边文字 -->
            <div class="rtext">
                <div class="toptext">
                    <p>【佳沛金果件装】33个/件</p>
                </div>
                <div class="bot">
                    <div class="botletext">

                        <p class="p1">￥</p>
                        <p class="p2">260.00</p>
                        <p class="p3">￥</p>
                        <p class="p4">368.00</p>
                    </div>
                    <div class="botrigbtn">
                        <a href="#"><img src="./img/seabtn.png" alt=""></a>
                    </div>
                </div>

            </div>
        </div>
        <div class="food">
            <!-- 左边图片 -->
            <div class="foodimg">
                <img src="./img/food4.jpg" alt="">
            </div>
            <!-- 右边文字 -->
            <div class="rtext">
                <div class="toptext">
                    <p>【佳沛金果】1个/份</p>
                </div>
                <div class="bot">
                    <div class="botletext">
                        <p class="p1">￥</p>
                        <p class="p2">15.80</p>
                        <p class="p3">￥</p>
                        <p class="p4">30.00</p>
                    </div>
                    <div class="botrigbtn">
                        <a href="#"><img src="./img/seabtn.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="shopcart">
            <div class="shop">
                <img src="./img/shopcart.png" alt="">
            </div>
            <div class="er">
                <div class="num">
                    <p>2</p>
                </div>

            </div>

        </div>
</body>

</html>